<div id=new_group>
    <table width=50%>
        <TR><TD colspan="2"><h3>New Database</h3></TD></TR>
        <tr><td width=40%>New Group Name</td><td><input id=group_name name=group_name style="width:100%;"></td></tr>
        <tr><td>&nbsp;</td><td><button onClick="InsertNewGroup();" id=action name=action >Add New Group</button></td></tr>
        <tr><td height=20px>&nbsp;</td><td style="vertical-align:middle;"><div id=group_insert_result class=ResultText></td></tr>
    </table>
</div>

<script>
function InsertNewGroup()
{
    g_name	= escape($('group_name').value);
    g_name.replace("'", "\'");
// alert(g_name);

    PARAMS	= "action=new&group_name=" + g_name;
    URL	= "Groups.pl";

    var myAjax	= new Ajax.Updater(
                    'group_list',
                    URL,
                    {
                        method: 'get',
                        parameters: PARAMS,
                    }
                    );
}
</script>